@import "./base.scss"; // 引入base.scss


// 浮动相关
.fr {
  float: right;
}

.fl {
  float: left;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

// 鼠标小手
.pointer {
  cursor: pointer;
}

// 块级元素和行内块元素
.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

// 单行文字超出省略（必须要有明确的宽度）
.text-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}

// 循环生成内外边距(范围1-50)
@for $i from 1 through 50 {
  .m#{$i} { margin: $i + px; }
  .mr#{$i} { margin-right: $i + px; }
  .ml#{$i} { margin-left: $i + px; }
  .mt#{$i} { margin-top: $i + px; }
  .mb#{$i} { margin-bottom: $i + px; }
 
  .p#{$i} { padding: $i + px; }
  .pr#{$i} { padding-right: $i + px; }
  .pl#{$i} { padding-left: $i + px; }
  .pt#{$i} { padding-top: $i + px; }
  .pb#{$i} { padding-bottom: $i + px; }
}
